<template>
  <div class="invalid-coupon-wrap">
    <van-nav-bar
      title="失效优惠卷"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="img">
      <img src="../assets/image/discountcoupon.png" alt="" />
    </div>
    <div class="text">
      <p>暂无失效的优惠卷</p>
    </div>
  </div>
</template>

<script>
export default {
  setup() {
    const onClickLeft = () => history.back();
    return {
      onClickLeft,
    };
  },
};
</script>

<style lang="less" scoped>
.invalid-coupon-wrap {
  .img {
    padding: 14% 10% 10% 5%;
  }
  .text {
    p {
      font-size: 17px;
      text-align: center;
      color: #333;
    }
  }
}
</style>